<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<link href="${ctxStatic}/jquery/font-awesome.4.6.0.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="${ctxStatic}/dist/sidebar-menu.css">
<style type="text/css">
.main-sidebar{
	position: absolute;
/* 	top: 94px; */
	left: 10;
	height: 652px;
	width: 200px;
	z-index: 810;
 	background-color: rgba(236, 221, 223, 0.15);
	border-radius: 8px;
 }
 a i{
 color:#b8c7ce
 }
 .l1.active{
 background-color:#ce4949;
 }
</style>
<aside class="main-sidebar">
<section  class="sidebar">
	<ul class="sidebar-menu">
		<c:if test="${pageContext.request.remoteUser != null}">
			<c:set var="menuList" value="${fns:getMenuList()}" />
			<c:set var="activeMenu" value="${fns:encodeParamUrl(left)}" />
			<c:set var="parentId" value="${fns:encodeParamUrl(top)}"/>
			<c:forEach items="${menuList}" var="menu" varStatus="idxStatus">
				<c:if test="${menu.parent.id eq parentId}">
					<li class="treeview ${activeMenu==menu.id?'l1 active':''}">
							<a href="${fn:indexOf(menu.href, '://') eq -1?ctx:''}${menu.href}" class="l1">
							<i class="fa fa-folder"></i>
							<span>${menu.name}</span>
							<i class="fa fa-angle-right pull-right"></i>
						</a>
						
					</li>
				</c:if>
			</c:forEach>
		</c:if>
	</ul>
  </section>
 </aside>
<script src="${ctxStatic}/dist/sidebar-menu.js"></script>
<script>
$.sidebarMenu($('.sidebar-menu'));
$(function(){
	breadcrumbs();
});

</script>